body {
    font-family: 'Roboto', sans-serif;
    color: #3D3D3D;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

h1 {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 4em;
    letter-spacing: 4px;
    color: #ffffff;
    margin-bottom: 0.3em;
    -webkit-margin-before: 0.33em;
    padding-left: 0.125em;
}

h2 {
    text-align: center;
    font-size: 2em;
    -webkit-margin-before: 0.125em;
}

img, video {
    width: 80%;
    margin-left: 10%;
    margin-top: 10px;
    margin-bottom: 10px;
}

p {
    text-align: justify;
    line-height: 1.75em
}

a {
    text-decoration: none;
    color: #CC443D;
    margin: 5px;
}

a:hover {
    background-color: #CC443D;
    color: #ffffff;
}

.name_banner a {
    text-decoration: none;
    color: white;
}

.call_to_action a {
    text-decoration: none;
    
}

.name_banner {
    background-color: #CC443D;
    padding-bottom: 0.0125em;
}

.call_to_action {
    margin-top: 20%;
}


section {
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #ffffff;
}

.contact {
    text-align: center;
    font-size: 1.25em;
    margin: 1em auto;
    padding: 0.5em;
    background-color: #CC443D;
    color: #ffffff;
    max-width: 25em;
}

span.contact {
    z-index: 100;
}


@media screen and (min-width: 32.5em) {

    h1 {
        display: inline;
        font-size: 5em;
    }
    
    .name_banner {
        margin-top: 2.5em;
    }

    .tagline {
        text-align: left;
        padding-left: 6em;
    }
    
    .contact {
        font-size: 2em;
    }
}

@media screen and (min-width: 50em) {

    p {
        font-size: 1.25em;
    }

    .name_banner {
        margin: 2.5em auto 0 auto;
        max-width: 50em;
    }
    
    .tagline {
        margin: 0 auto 3.5em auto;
        max-width: 38.4em;
    }
    
    .center {
         margin: 0 auto;
         max-width: 25em;
         height: 0;
    }
    
    section {
        margin: 0 auto 0.5em auto;
        max-width: 46em;
        padding-left: 2em;
        padding-right: 2em;
    }

}